<!--添加员工-->
<template>
    <div>
        <!--1-->
       <el-row class="nav_a_top">
                     <el-col :span="12"><div @click="fanhui" class="grid-content bg-purple-light"><div class="el-icon-back fs20"></div></div></el-col>
                     <el-col :span="12"><div class="grid-content bg-purple-light floatright"><div>添加餐柜</div></div></el-col>
        </el-row>
        <!--3-->
         <form class="dingdan_form">
            <div class="mattop"><span>广告名称：</span><input type="text" placeholder=""></div>
            <div class="mattop"><span>资源链接：</span><input type="phone" placeholder=""><span class="shangchuan">上传</span></div>
            <div class="mattop"><span>广告类型：</span><select><option>图片</option><option>视频</option></select></div>
            <div class="mattop1">
                <div>推送餐柜：</div>
                <div class="special">
                    <div>
                        <input type="text" placeholder="单行输入"><span class="shangchuan">搜索</span>
                    </div>
                    <div class="special_div2">
                        <div>
                            <input type="checkbox" class="floatspan1"><span class="floatspan">海汇中心001柜</span><input type="checkbox" class="floatspan1"><span class="floatspan">海汇中心001柜</span><input type="checkbox" class="floatspan1"><span class="floatspan">海汇中心001柜</span>
                        </div>
                        <div>
                            <input type="checkbox" class="floatspan1"><span class="floatspan">海汇中心001柜</span><input type="checkbox" class="floatspan1"><span class="floatspan">海汇中心001柜</span><input type="checkbox" class="floatspan1"><span class="floatspan">海汇中心001柜</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mattop"><span>开始时间：</span><input type="text"></div>
            <div class="mattop"><span>有效期：</span><input type="text" placeholder="30天"></div>
            <div class="mattop"><span>备注：</span><input type="text"></div>
            <div class="tijiao">提交</div>
        </form>
    </div>
</template>
<script>
    export default{
        name:'tjgg',
        data(){
            return{}
        },
        methods:{
            fanhui:function(){
                this.$store.state.admanage=true;
                this.$store.state.adadd=false;
            },
        }
    }
</script>
<style scoped>  
/*1*/
.nav_a_top{height: 40px;background-color: white;padding: 10px 10px 0px 10px;}
.floatright{float: right;margin-right: 30px;}
.fromtop{margin-top: 30px;}
/*3*/
.dingdan_form{margin-top: 15px;}
.mattop{margin-top: 30px; }
.mattop1{margin-top:50px; }
.dingdan_form span{width: 75px;text-align: right;display: inline-block}
.dingdan_form input{padding: 4px 0px 4px 7px;}
.dingdan_form select{width: 180px;height: 30px;border-radius: 8px;color: gray;}
.dingdan_form_shaixuan{background-color: white;border: 1px solid #bbb;width: 80px;height: 30px;display: inline-block;border-radius: 7px;margin-left: 10px;background-color: #bbb;}
.dingdan_form .shangchuan{display: inline-block;width: 80px;height: 28px;line-height: 28px !important;border-radius: 6px;border: 1px solid #bbb;;background-color: white;text-align: center;line-height: 30px;position: relative;top: 2px;margin-left: 30px;}
.special{background-color:#e3dfdf;margin-left: 73px;width: 600px;padding: 15px;}
.dingdan_form .special span{width: 110px;display: inline-block;height: 30px;text-align: center;line-height: 30px;border: 1px solid #bbb;background-color: white;border-radius: 8px;}
.floatspan{margin-right: 30px;}
.floatspan1{margin-right: 15px;}
.special_div2>div{margin-top: 25px;}
.tijiao{margin-top: 40px;;width: 200px;height: 50px;background-color: white;line-height: 50px;text-align: center;border: 1px solid #bbb;border-radius: 10px;position: relative;left: 50%;margin-left: -50px;}
</style>

